<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title>fireworks-js</title>
  <link rel="icon"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎆</text></svg>">
  <link rel="stylesheet" href="/index.css">
</head>

<body>
  <r3-badge href="https://www.upwork.com/o/companies/~01e5f1563365e3c1b5/"
    style="position: absolute; bottom: 1rem; right: 1rem; z-index: 999999;"></r3-badge>
  <div class="container">
    <div>🎆</div>
    <h1>fireworks-js</h1>
    <h2>A simple fireworks library!</h2>
    <a href="https://github.com/crashmax-dev/fireworks-js/" target="_blank">
      <span class="label">Visit on GitHub</span>
    </a>
  </div>
  <div class="fireworks-container"
    style="background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>
  <script type="module" src="./src/index.ts"></script>
</body>

</html>
